/* 
    Document   : boton
    Created on : May 28, 2010, 12:47:04 AM
    Author     : kate
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.btn
{ display: block;
  position: relative;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  padding: 5px;
  float: left;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  float: right;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-top: 10px;

}
.btn * {
    font-style: normal;
    background-image: url( '../images/btn2.png');
    background-repeat: no-repeat;
    display: block;
    position: relative;
}
.btn i {
    background-position: top left;
    position: absolute;
    margin-bottom: -5px;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
}

.btn span {
    background-position: bottom left;
    left: -5px; padding: 0 0 5px 10px;
    margin-bottom: -5px;
}
.btn span i {
    background-position: bottom right;
    margin-bottom: 0;
    position: absolute;
    left: 100%;
    width: 10px;
    height: 100%;
    top: 0;
}
.btn span span {
    background-position: top right;
    position: absolute;
    right: -10px;
    margin-left: 10px;
    top: -5px;
    height: 0;
}

.btn.blue { background: #2ae; }
.btn.green {
    background: #9d4; }
.btn.red { background-color: #a00;}
.btn.black {background-color: #515151;}
.btn.darkYellow {background-color: #FBB829;}
.btn[class] { background-image: url('../images/shade.png');
              background-position: bottom; }

#botonVolver
{
    float: left;
}